<template>
  <a-modal title="任务详情" :visible="editModel" @ok="onOk" @cancel="onCancel">
    <p>任务名称：{{editInfo.title}}</p>
    <p>开始事件：{{editInfo.start}}</p>
    <p>结束事件：{{editInfo.end}}</p>
    <p>优先级：{{editInfo.taskLevel}}</p>
  </a-modal>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  props: {
    editModel: {
      type: Boolean,
      default: false
    },
    editInfo: {
      type: Object,
      default: () => { }
    }
  },
  model: {
    prop: 'editModel',
    event: 'cancele'
  },
  methods: {
    onOk () {
      this.$emit('cancele', false)
    },
    onCancel () {
      this.$emit('cancele', false)
    }
  }
}
</script>

<style lang="less" scoped>
</style>
